{% extends 'base.html' %}
{% block body_context %}
    <div class="about_bar"></div>
    <div class="portfolio_tit"></div>
    <div class="portfolio_con">
        <div class="null10"></div>
        <!--作品begin-->
        <div class="zp_list">
        {% if services %}
            {% for s in services %}
{#                {{ s.screenshot.image }}#}
                    <div class="zp_box">
                        <a href="/service.html?id={{ s.id }}" class="zp_boxfc" onmouseover="Showtit({{ s.id }})"
                           onmouseout="Hiddentit({{ s.id }})"></a>
                        <div class="picbox">
                            <div class="pop_tit" id="zp{{ s.id }}">
                                <span class="p_tit1" title="{{ s.title }}">{{ s.title }}</span><br/>
                                <span class="p_tit2">{{ s.description }}</span>
                            </div>
                            {{ s.title }}
                            <img src="../static/resource/{{ s.screenshot.image}}">
                        </div>
                    </div>
            {% endfor %}
            <div class="cl"></div>
        {% elif service %}
            <div><span style="font-size: 28px">{{ service.title }}</span>
            <br />
             <div><span>{{ service.description|safe }}</span></div>
        {% endif %}
        </div>
    </div>
{% endblock %}